<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="img/logo.gif">
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>表单——律师档案创建</h2>
		<form action="tit.html" action="post">
			用户名 <input type="text" placeholder="请输入用户名"/><br>
			密码 <input type="password"/><br>
			生日 <input type="date"/><br>
			性别 <input type="radio" name="gender"/>男
			     <input type="radio" name="gender"/>女<br>
			籍贯 <select> 
			     <option>北京</option>
				 <option>上海</option>
				 <option>广东</option>
			</select><br>
			爱好 <input type="checkbox"/>唱歌
			     <input type="checkbox"/>书法
				 <input type="checkbox"/>画画<br>
			照片 <input type="file"/><br>
			备注 <textarea  placeholder="多行文本框" cols="10" rows="10"> </textarea><br>
			<input type="submit" value="注册"/>
			<input type="reset" value="重置"/>
		</form>
		<h2>超链接</h2>
		<a href="https://www.tit.edu.cn/">太原工业学院</a><br>
		<a href="tit.html">太原工业学院</a>
		<h2>图片</h2>
		<img src="img/logo.gif" width="50px" height="50px">
		<h2>表格</h2>
		<table border="1px" width="500px">
			<tr> 
				<td>车次</td>
				<td>出发站</td>
				<td>历时</td>
			</tr>
			<tr>
				<td>G999</td>
				<td>太原南</td>
				<td>3h</td>
				<td>
					<button>预订</button>
				</td>
			</tr>
			<tr>
				<td>G996</td>
				<td>长春西</td>
				<td>2h</td>
				<td>
					<button>预订</button>
				</td>
			</tr>
		</table>
		<h2>DIV使用</h2>
		<div>
			太原工业学院
			<img src="img/logo.gif"/>
		</div>
		<h2>span的用法</h2>
		<input type="text"/><span style="color:red">用户名不能为空！</span>
		<h2>列表</h2>
		<ul>
			<li>理学系</li>
			<li>设计与艺术系</li>
			<li>机械工程系</li>
		</ul>
		<ol>
			<li>理学系</li>
			<li>设计与艺术系</li>
			<li>机械工程系</li>
		</ol>
	</body>
</html>
